<style>
    *{margin:0; padding:0;}
    .person_img{width:80%;margin:0 auto;border: solid 2px grey; border-radius:2px;}
</style>
<div>
    <div class="person_img">
        <!--now we are going to use script to add the health data dynamically-->
        <a href="#personProfile">
            <img src="images/img2.jpg" style="width:100%;height:100%;margin:0 auto;" />
        </a>
    </div>
    <div style="border-style:solid; border-width:2px;border-color:grey; background:yellow;">
        健康数据
    </div>
    <ul class="list health_data" style="border-style:solid; border-width:2px; border-color:white;">
    </ul>
</div>
